<html>
  <head>
    <title>
      Sorry but this part of our site is currently down for Maintenance.
    </title>
    <meta name="robots" content="noindex" />
  </head>
  <body class="error" dir="rtl">
    <!-- <hr size="2" /> -->
    <div class="error" align="center">
      <div class="oto24logo" alt="oto24logo"></div>
      <h1 class="mt2">پوزش</h1>
      <p class="text">
        این قسمت از سایت برای اعمال برخی تغییرات در حال حاضر فعال نیست.
      </p>
      <div class="errorImg" alt="error"></div>
    </div>
    <footer class="footerError" align="center">
      <!-- <img class="footerError" src="./images/footerShape.png" alt="" /> -->
      <button class="btn_footer">
        <a class="linkbtn" href="/"> بارگذاری مجدد </a>
      </button>
    </footer>
    <!-- <hr size="2" /> -->
    <style>
      @font-face {
        font-family: "iran_sansregular";
        src: url("./fonts/iran_sans.woff2") format("woff2"),
          url("./fonts/iran_sans.woff") format("woff");
        font-weight: normal;
        font-style: normal;
      }
      .error {
        font-family: "iran_sansregular";
      }
      .error .mt2 {
        margin-top: 40px;
        color: #616161;
      }
      .error .text {
        color: #676767;
      }
      body.error {
        background: #ededed;
        margin: 0;
      }
      .error .oto24logo {
        background-image: url(./images/logoOto24.png);
        background-repeat: no-repeat;
        width: 150px;
        height: 150px;
        background-size: 100% 100%;
        margin-top: 50px;
      }

      .error .errorImg {
        background-image: url(./images/error.png);
        background-repeat: no-repeat;
        width: 450px;
        height: 280px;
        background-size: 100% 100%;
        margin-top: 30px;
        margin-bottom: 40px;
        position: relative;
      }

      .error p {
        font-size: 20px;
        font-weight: 600;
        line-height: 49.6px;
        text-align: center;
      }

      .error .footerError {
        background-image: url(./images/footerShape.png);
        background-repeat: no-repeat;
        width: 100%;
        height: 250px;
        background-size: 100% 100%;
        margin-top: 20px;
        /* margin-bottom: -60px; */
        position: relative;
        color: #676767;
      }

      .error .btn_footer {
        font-family: "iran_sansregular";
        width: 200px;
        max-width: 25%;
        height: 50px;
        border-radius: 12px;
        top: 70px;
        border: 3px solid #ffffff;
        background-color: transparent;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        line-height: 45px;
        letter-spacing: 0.02em;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
      }
      .error .linkbtn {
        font-family: "iran_sansregular";
        color: #ffffff;
        text-decoration: none;
        cursor: pointer;
      }
    </style>
  </body>
</html>